<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<!--
   1. Getters的基本使用：
        - getters类似vue里面的计算属性   当数据不直接展示，要经过一系列处理再进行展示的，就用getters
        - getters里的方法有两个参数：一、默认参数state  二、getters参数
           getters：{
              getstu(state,getters){}
           }
        - 如果在组件里要调用$store.getters.getstu(19)里的方法，又要传参数时,可以返回一个函数
            getters：{
              getstu(state){
                return function(age){
                
                }
              }
           }
   2. Mutation的基本使用
        - Vuex的store状态的更新唯一方式：提交Mutation
        - Mutation里的方法主要包括两部分：
            - 字符串的事件类型（type）
            - 一个回调函数（handler）,该回调函数的第一个参数就是state。
          mutations:{
            increment(state){
              state.counter++
            }
          }
          事件类型：increment
          回调函数：(state){
              state.counter++
            }
          }
          
        - 在通过mutation更新数据的时候, 有可能我们希望携带一些额外的参数
            参数被称为是mutation的载荷(Payload)
           this.$store.commit('incrementCount',count)
         在index.js里接受参数：
          mutations:{
            incrementCount(state,count){
              state.counter+=count
            }
          }
        - 比如我们有很多参数需要传递.这个时候, 我们通常会以对象的形式传递, 也就是payload是一个对象.
        
        - mutation特殊的提交风格
            this.$store.commit({
              type:'incrementCount',
              count
            })
            
          在index.js里接受参数：这时候传过来的第二个参数payload是一个对象{
              type:'incrementCount',
              count
            }
          mutations:{
            incrementCount(state,payload){
              state.counter+=payload.count
            }
          }
          
      

   
-->
</body>
</html>